<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 渐变背景 -->
    <div class="big">
        <!-- logo -->
        <div class="logo">
            <img src="./images/logo.png" alt="">
            <img src="./images/slide-3.png" alt="">
            <ul>
                <li>home</li>
                <hr>
                <li>about</li>
                <hr>
                <li>services</li>
                <hr>
                <li>products</li>
                <hr>
                <li>contacts</li>

            </ul>
            <div> <a href="">READ MORE</a></div>
           
        </div>
    </div>
    <!-- yuan -->
    <div class="yuan">
        <div class="yuan1">
            <span>BUSINESS STRATEGY</span>
        </div>
        <div class="yuan2">
            <span>BUSINESS STRATEGY</span>
        </div>
        <div class="yuan3">
            <span>BUSINESS STRATEGY</span>
        </div>

    </div>



    <!-- our -->
    <div class="our">
        <div class="our1">
            <span>Our experience is the base for  </span>
            <span>your innovations.</span>
            
        </div>
        <div class="our2">
            <div class="boxour">
                <span>A.</span>
                <p>Vivamus hendrerit mauris ut dui gravida ut cicerra lectus tincidunt cras mattis.</p>
                <a href="">READ MORE</a>
            </div>
            <div class="boxour">
                <span>B.</span>
                <p>Vivamus hendrerit mauris ut dui gravida ut cicerra lectus tincidunt cras mattis.</p>
                <a href="">READ MORE</a>
            </div>
            <div class="boxour">
                <span>C.</span>
                <p>Vivamus hendrerit mauris ut dui gravida ut cicerra lectus tincidunt cras mattis.</p>
                <a href="">READ MORE</a>
            </div>
            <div class="boxour">
                <span>D.</span>
                <p>Vivamus hendrerit mauris ut dui gravida ut cicerra lectus tincidunt cras mattis.</p>
                <a href="">READ MORE</a>
            </div>
        </div>

    </div>



    <!-- wel -->
    <div class="wel">
        <div class="box1">
            <div class="box-1">
                <h1>Welcome to our company!</h1>
            </div>
            <div class="box-1">
                <p>Click here for more info about this free website templates created by TemplateMonster.com.This websi tetemplate is optimized for 1280X1024 screen resolution.It is als0 XHTML & CSS valid. Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt Cras mattis tempor eros nec tristique.
                </p>
            </div>
            <div class="box-11">
                <div class="box-2">
                    <img src="./images/page1-img1.jpg" alt="">
                </div>
                <div class="box-2">
                    <img src="./images/page1-img2.jpg" alt="">
                </div>
                <div class="box-2">
                    <img src="./images/page1-img3.jpg" alt="">
                </div>
                <div class="box-3">
                    <h4>Sara Green</h4>
                    <span>MANAGER</span>
                </div>
                <div class="box-3"><h4>Sara Green</h4>
                    <span>MANAGER</span></div>
                <div class="box-3"><h4>Sara Green</h4>
                    <span>MANAGER</span></div>
            </div>

           
        </div>
        <div class="box2">
            <div class="box2-1">
                <h1>Latest news:</h1>
            </div>
            <div class="box2-1">
               <span> NOV.25.2012</span>
                <p>The PSDSource files ofthis Pointtemplateb are available for free for the registered members of TemplateMonster.com.Feel free to get them!</p>
            </div>
            <div class="box2-1">
                <span> NOV.25.2012</span>
                <p>The PSDSource files ofthis Pointtemplateb are available for free for the registered members of TemplateMonster.com.Feel free to get them!</p>
            </div>
            <div class="box2-1"> 
                <a href="">READ MORE</a>
                </div>
        </div>

    </div>


    <!-- ser -->
    <div class="ser">
        <div class="box-s">
            <h1>Services: </h1>
        </div>
        <div class="box-s">
            <h1>Services:</h1>
        </div>
        <div class="box-s">
            <h1>Services:</h1>
        </div>
        <div class="box-s">
            <h1>Services:</h1>
        </div>
        <ul class="box-s">
            <li>MATTIS TEMPOR EROS NEC</li>
            <li>TRISTIQUE SED SED FELS</li>
            <li>ARCU VEL VEHICULAAUGUE</li>
            <li>MAECENAS FAUCIBUS</li>

        </ul>
        <ul class="box-s">
            <li>MATTIS TEMPOR EROS NEC</li>
            <li>TRISTIQUE SED SED FELS</li>
            <li>ARCU VEL VEHICULAAUGUE</li>
            <li>MAECENAS FAUCIBUS</li>

        </ul>
        <ul class="box-s">
            <li>MATTIS TEMPOR EROS NEC</li>
            <li>TRISTIQUE SED SED FELS</li>
            <li>ARCU VEL VEHICULAAUGUE</li>
            <li>MAECENAS FAUCIBUS</li>

        </ul>
        <div class="box-s">
            <div class="box-s-1">
                <p>MATTIS TEMPOR EROS NEC
                    TRISTIQUE SED SED FELS
                    ARCU VEL VEHICULAAUGUE
                    MAECENAS FAUCIBUS</p>
            </div>
           <h4>April Black  <span>(MANAGER)</span></h4>
        </div>


    </div>

    <!-- foot -->
    <div class="foot">
        <img src="./images/footer-logo.png" alt="">
        <span>website Template designed by  <a href="">
            TemplateMonster.com
        </a></span>
    </div>
   
</body>
</html>